<template>
  <div>
    <h3>我是News的内容</h3>
    <p>你好，世界</p>
    <p v-if="name">大家好，我是{{name}}</p>
  </div>
</template>

<script>
export default {
  name: "NewsView",
  data() {
    return {
      name:""
    }
  },
  created() {
    this.name = this.$route.query.name
  }
}
</script>

<style scoped>
p{
  color: red;
}
</style>
<style>
/*给所有组件统一设置样式，或者给编译后的组件设置样式，这种写法谨慎使用，或者尽量把它写在App.vue里*/
h3{
 color: greenyellow;
}
</style>
